<template>
	<view class="header flex align-center flex-between">
		<view>
			<view class="tit">{{ tit }}</view>
			<view class="title">{{ title }}</view>
		</view>
		<image
			class="close"
			src="/static/images/close2.png"
			mode="aspectFill"
			@click="router.back()"
		></image>
	</view>
</template>

<script lang="ts" setup>
import { useCool } from "../cool";
const { router } = useCool();
const props = defineProps({
	tit: String,
	title: String,
});

const emit = defineEmits([]);

defineExpose({});
</script>

<style lang="scss" scoped>
.header {
	width: 100%;
	background: #0c81f7;
	padding: 20rpx 30rpx;
	box-sizing: border-box;

	.tit {
		font-family: Microsoft YaHei;
		font-weight: 400;
		font-size: 24rpx;
		color: #ffffff;
	}

	.title {
		font-family: PingFangSC;
		font-weight: 400;
		font-size: 48rpx;
		color: #fefefe;
		margin-top: 10rpx;
		text-align: left;
	}

	.close {
		width: 48rpx;
		height: 48rpx;
	}
}
</style>
